<!--
 * @Author: whq
 * @Date: 2025-03-03 10:03:10
 * @LastEditTime: 2025-03-25 10:43:11
 * @LastEditors: whq
 * @Description: 
 * @FilePath: /uniapp_build_mate_profit_mini/components/TBMComponents/HomeList/components/CustomRefresher/index.vue
-->
<!-- z-paging自定义的下拉刷新view -->
<template>
	<view class="refresher-container">
		<!-- 这里的图片请换成自己项目的图片 -->
		<!-- <image class="refresher-image" mode="aspectFit" src="@/static/refresher_loading.gif"></image> -->
		<text class="refresher-text">{{statusText}}</text>
	</view>
</template>

<script setup>
	import {
		ref,
		computed
	} from 'vue';

	const statusTextArr = ref(['继续下拉！', '松手刷新~~', '正在努力刷新中...', '刷新成功啦~']);

	const status = ref(0);

	const statusText = computed(() => {
		// 这里可以做i18n国际化相关操作，可以通过uni.getLocale()获取当前语言(具体操作见i18n-demo.vue);
		// 获取到当前语言之后，就可以自定义不同语言下的展示内容了
		return statusTextArr.value[status.value];
	});
</script>
<style scoped>
	.refresher-container {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		height: 150rpx;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.refresher-image {
		margin-top: 10rpx;
		height: 45px;
		width: 45px;
	}

	.refresher-text {
		margin-top: 10rpx;
		font-size: 24rpx;
		color: #666666;
	}
</style>